var laypage = layui.laypage
var form = layui.form

// 分页获取文章列表的参数
var data = {
    pagenum: 1,
    pagesize: 2,
    // cate_id: 1,
    // state:'已发布'
}

function renderArticle() {
    $.ajax({
        url: '/my/article/list',
        type: 'GET',
        data: data,
        success: function (res) {
            console.log(res);
            layer.msg(res.message)
            if (res.status === 0) {
                var html = template('tpl-article', res)
                $('tbody').html(html)
                // showPage(res.total)
                //执行一个laypage实例
                laypage.render({
                    elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号(盒子)
                    count: res.total, //文章-总数，从服务端得到
                    limit: data.pagesize,
                    curr: data.pagenum, //当前页
                    groups: 5, //连续出现的页数
                    // prev: '上一篇',
                    // next: '下一篇',
                    // first: '首页',
                    // last:'尾页'
                    layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'],
                    limits: [2, 3, 4, 5],
                    // 生成页码或者切换
                    jump: function (obj, first) {
                        //obj包含了当前分页的所有参数，比如：
                        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        //console.log(obj.limit); //得到每页显示的条数
                        console.log(first);
                        //首次不执行
                        if (!first) {
                            //do something
                            data.pagenum = obj.curr;
                            data.pagesize = obj.limit
                            renderArticle()
                        }

                    }
                });
            };

        }
    })
}

renderArticle()


// 筛选********************************
// 获取真实的分类
$.ajax({
    url: '/my/category/list',
    success: function (res) {
        var html = template('tpl-category', res)
        $('select').eq(0).html(html)
        form.render('select')
    }
})
$('#search').on('submit', function (e) {
    e.preventDefault();
    var state = $('#state').val()
    var category = $('#category').val();
    category ? data.cate_id = category : delete data.cate_id;
    state ? data.state = state : delete data.state;
    // if (category) {
    //     data.cate_id = category
    // }
    // if (state) {
    //     data.state = state
    // }

    data.pagenum = 1;
    renderArticle()
})